<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/common/header.jsp"%>
<html>
<body class="easyui-layout list_body">
	<form id="customAccChangeForm" name="customAccChangeForm">
		<div class="list_body_north" data-options="region:'north'" border="false">
			<!-- 查询表单 -->
			<div style="padding: 3px" class="easyui-panel datagrid-toolbar">
				<div>
				<span>会员编号:</span>
					<input type="text" id="custom_no" name="custom_no" class="easyui-textbox"/>	
					<span>手机号:</span>
					<input type="text" id="phone" name="phone" class="easyui-textbox"/> 
					<span>会员名称:</span>
					<input type="text" id="name" name="name" class="easyui-textbox"/> 				
					<span>交易流水号:</span>
					<input type="text" id="loc_trace_no" name="loc_trace_no" class="easyui-textbox"/>
				</div>
				<div>
					<span>账户类型:</span>
					<code:codeSelect name="account_type" id="account_type" code_type="ACCOUNT_TYPE" showSelect="true" ></code:codeSelect> 
					<a href="#" class="easyui-linkbutton btn" iconCls="icon-search" onclick="doSearch()">查询</a>
					<a href="#" class="easyui-linkbutton btn" iconCls="icon-reload" onclick="resetForm()">重置</a>
				</div>
			</div>
			<!-- 自定义标签工具栏 -->
			<div style="padding: 3px" class="datagrid-toolbar"></div>
		</div>
		<div data-options="region:'center'" border="false" class="list_body_center">
			<!-- 表格 -->
			<table id="customAccChangeTableId" fit="true"></table>
		</div>
	</form>
</body>
<script type="text/javascript">
	var grid;
	$(function() {
		/*加载表格数据*/
		grid = $("#customAccChangeTableId").jpgrid({
			url : "getCustomerAccountChangeListJson.do",
			columns : [ {
				title : "会员编号",
				field : "CUSTOM_NO",
				align : 'center',
				width:150
			}, {
				title : "会员名称",
				field : "NAME",
				align : 'center'
			}, {
				title : "账户类型",
				field : "ACCOUNT_TYPE",
				align : 'center',
				width:100
			}, {
				title : "余额",
				field : "BALANCE",
				align : 'center',
				width:80
			}, {
				title : "变动金额",
				field : "AMOUNT",
				align : 'center',
				width:80
			}, {
				title : "变动后余额",
				field : "AFTER_BALANCE",
				align : 'center',
				width:80
			}, {
				title : "交易流水号",
				field : "LOC_TRACE_NO",
				align : 'center',
				width:150
			}, {
				title : "变动说明",
				field : "REMARKS",
				align : 'center'
			}]
		});
	});

	function doSearch() {
		grid.load({
			phone : $('#phone').val(),
			name : $('#name').val(),
			loc_trace_no : $('#loc_trace_no').val(),
			custom_no : $("#custom_no").val(),
			account_type : $("#account_type").val()
		});
	}
</script>
</html>
